<template>
  <div class="tip">
    <!--    常见科室结构-->
    <div class="deparment">
      <div class="header">
        <div class="left">
          <svg
            class="icon"
            height="16"
            p-id="4321"
            t="1718682796680"
            version="1.1"
            viewBox="0 0 1024 1024"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M817.3 305.3H762V250c0-61.1-49.5-110.7-110.7-110.7H374.7C313.5 139.3 264 188.8 264 250v55.3h-55.3C147.5 305.3 98 354.8 98 416v359.7c0 61.1 49.5 110.7 110.7 110.7h608.7c61.1 0 110.7-49.5 110.7-110.7V416c-0.1-61.2-49.6-110.7-110.8-110.7z m-498-55.3c0-30.5 24.8-55.3 55.3-55.3h276.7c30.5 0 55.3 24.8 55.3 55.3v55.3H319.3V250z m553.4 525.6c0 30.5-24.8 55.3-55.3 55.3H208.7c-30.5 0-55.3-24.8-55.3-55.3V416c0-30.5 24.8-55.3 55.3-55.3H817.3c30.5 0 55.3 24.8 55.3 55.3v359.6z"
              p-id="4322"
            ></path>
            <path
              d="M540.7 471.3h-55.4V582H374.7v55.3h110.6V748h55.4V637.3h110.6V582H540.7z"
              p-id="4323"
            ></path>
          </svg>
          <span>常见科室</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg
            class="icon"
            height="16"
            p-id="5367"
            t="1718682862422"
            version="1.1"
            viewBox="0 0 1024 1024"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M716.617 477.941L355.519 142.045c-14.661-13.091-37.097-12.05-50.488 2.341-13.389 14.392-12.811 36.845 1.306 50.527L639.633 504.95 305.797 828.643a36.097 36.097 0 0 0-9.874 34.718 36.098 36.098 0 0 0 25.137 25.907 36.093 36.093 0 0 0 35.004-8.81l361.099-350.122a36.056 36.056 0 0 0 10.981-26.294 36.052 36.052 0 0 0-11.527-26.063"
              fill="#333333"
              p-id="5368"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>神经科室</li>
          <li>消化内科</li>
          <li>呼吸内科</li>
          <li>内科</li>
          <li>神经外科</li>
          <li>妇科</li>
          <li>产科</li>
          <li>儿科</li>
        </ul>
      </div>
    </div>
    <!--  平台公告  -->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg
            class="icon"
            height="16"
            p-id="7521"
            t="1718683639752"
            version="1.1"
            viewBox="0 0 1097 1024"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M954.592386 0H142.472109C62.752089 0 0 65.970145 0 143.349761v631.031497a143.349761 143.349761 0 0 0 142.472109 143.422899h122.505535l-25.598171 88.935362c-2.925505 5.704735 0 11.482608 2.852368 14.334976 2.852368 2.852368 5.704735 2.852368 11.40947 2.852367h5.631598l233.674738-106.122705h461.644739c79.72002 0 142.472109-65.970145 142.472109-143.349761V143.349761C1097.064495 65.970145 1031.533176 0 954.592386 0z m-629.71502 478.978359H193.74159a43.955717 43.955717 0 0 1-42.712378-43.004929c0-22.965217 19.966574-43.004928 42.712378-43.004928h128.283408c22.745804 0 42.712378 20.039711 42.712378 43.004928 0 22.965217-17.114206 43.004928-39.86001 43.004929z m293.501321 0H490.022141a43.955717 43.955717 0 0 1-42.712377-43.004929c0-22.965217 19.966574-43.004928 42.712377-43.004928h128.283409c22.745804 0 42.712378 20.039711 42.712377 43.004928a43.955717 43.955717 0 0 1-42.712377 43.004929z m282.091851 0h-108.243697a43.955717 43.955717 0 0 1-42.785515-43.004929c0-22.965217 19.893436-43.004928 42.712377-43.004928h108.243697c22.818942 0 42.785515 20.039711 42.785516 43.004928a42.127277 42.127277 0 0 1-42.712378 43.004929z"
              fill="#515B77"
              p-id="7522"
            ></path>
          </svg>
          <span>平台公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg
            class="icon"
            height="16"
            p-id="5367"
            t="1718682862422"
            version="1.1"
            viewBox="0 0 1024 1024"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M716.617 477.941L355.519 142.045c-14.661-13.091-37.097-12.05-50.488 2.341-13.389 14.392-12.811 36.845 1.306 50.527L639.633 504.95 305.797 828.643a36.097 36.097 0 0 0-9.874 34.718 36.098 36.098 0 0 0 25.137 25.907 36.093 36.093 0 0 0 35.004-8.81l361.099-350.122a36.056 36.056 0 0 0 10.981-26.294 36.052 36.052 0 0 0-11.527-26.063"
              fill="#333333"
              p-id="5368"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>水电费水电费水电费的说法</li>
          <li>水电费水电费水电费的说法</li>
          <li>水电费水电费水电费的说法</li>
          <li>水电费水电费水电费的说法</li>
        </ul>
      </div>
    </div>
    <!--  停诊公告  -->
    <div class="suspend_notice">
      <div class="header">
        <div class="left">
          <svg
            class="icon"
            height="16"
            p-id="8760"
            t="1718683690273"
            version="1.1"
            viewBox="0 0 1024 1024"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M571.653 61.974v179.8h-128.1v-179.8z"
              fill="#F65064"
              p-id="8761"
            ></path>
            <path
              d="M507.6 612.1m-396.3 0a396.3 396.3 0 1 0 792.6 0 396.3 396.3 0 1 0-792.6 0Z"
              fill="#F65064"
              p-id="8762"
            ></path>
            <path
              d="M507.6 612.1m-57.1 0a57.1 57.1 0 1 0 114.2 0 57.1 57.1 0 1 0-114.2 0Z"
              fill="#62B5F9"
              p-id="8763"
            ></path>
            <path
              d="M677.6 596.4h-99c-7.2-32.6-36.2-57.1-70.9-57.1-13.6 0-26.2 4-37.1 10.5l-152-161.5c-5.9-6.3-15.8-6.6-22.1-0.7-6.3 5.9-6.6 15.8-0.7 22.1L447.7 571c-8 11.7-12.7 25.8-12.7 41 0 40.1 32.6 72.7 72.7 72.7 34.7 0 63.7-24.5 70.9-57.1h99c8.6 0 15.7-7 15.7-15.7 0-8.5-7.1-15.5-15.7-15.5z m-170 57.1c-22.8 0-41.4-18.6-41.4-41.4s18.6-41.4 41.4-41.4 41.4 18.6 41.4 41.4-18.5 41.4-41.4 41.4z"
              fill="#272A3B"
              p-id="8764"
            ></path>
            <path
              d="M271.8 15.7h471.7v128.1H271.8z"
              fill="#62B5F9"
              p-id="8765"
            ></path>
            <path
              d="M928.2 393.9c0.5-4.1-0.7-8.3-3.3-11.5l-80-100.1c-5.4-6.8-15.2-7.8-22-2.5L786.4 309c-54.8-50.4-123.2-86.2-199-101.1v-48.5h156.1c8.6 0 15.7-7 15.7-15.7v-128c0-8.6-7-15.7-15.7-15.7H271.8c-8.6 0-15.7 7-15.7 15.7v128.1c0 8.6 7 15.7 15.7 15.7h156.1V208C238.8 245.2 95.7 412.2 95.7 612.1c0 227.1 184.8 411.9 411.9 411.9s411.9-184.8 411.9-411.9c0-62.3-14-121.4-38.8-174.4l41.7-33.3c3.3-2.6 5.3-6.4 5.8-10.5zM287.5 31.3h440.4v96.8H287.5V31.3z m171.7 128.1H556v43.7c-15.9-1.9-32-2.9-48.4-2.9s-32.5 1.1-48.4 2.9v-43.7z m48.4 833.3C297.8 992.7 127 821.9 127 612.1s170.7-380.6 380.6-380.6 380.6 170.7 380.6 380.6-170.7 380.6-380.6 380.6zM866 409.4c-16-28.3-35.3-54.5-57.3-78.1l21.5-17.2 60.4 75.6-24.6 19.7z"
              fill="#272A3B"
              p-id="8766"
            ></path>
          </svg>
          <span>停诊公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg
            class="icon"
            height="16"
            p-id="5367"
            t="1718682862422"
            version="1.1"
            viewBox="0 0 1024 1024"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M716.617 477.941L355.519 142.045c-14.661-13.091-37.097-12.05-50.488 2.341-13.389 14.392-12.811 36.845 1.306 50.527L639.633 504.95 305.797 828.643a36.097 36.097 0 0 0-9.874 34.718 36.098 36.098 0 0 0 25.137 25.907 36.093 36.093 0 0 0 35.004-8.81l361.099-350.122a36.056 36.056 0 0 0 10.981-26.294 36.052 36.052 0 0 0-11.527-26.063"
              fill="#333333"
              p-id="5368"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>水电费水电费水电费的说法</li>
          <li>水电费水电费水电费的说法</li>
          <li>水电费水电费水电费的说法</li>
          <li>水电费水电费水电费的说法</li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script lang="ts" name="" setup></script>

<style lang="scss" scoped>
.tip {
  color: #7f7f7f;
  // 科室
  .deparment {
    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .left {
        display: flex;
        span {
          margin-left: 5px;
        }
      }
      .right {
        display: flex;
        span {
          margin-right: 5px;
        }
      }
    }
    .content {
      ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li {
          width: 40%;
          margin-top: 20px;
        }
      }
    }
  }
  // 平台公告
  .notice {
    .header {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      .left {
        display: flex;
        span {
          margin-left: 5px;
        }
        .right {
          display: flex;
          span {
            margin-right: 5px;
          }
        }
      }
    }
    .content {
      margin-top: 20px;
      ul {
        li {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-top: 20px;
        }
      }
    }
  }
  // 停诊公告
  .suspend_notice {
    .header {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      .left {
        display: flex;
        span {
          margin-left: 5px;
        }
        .right {
          display: flex;
          span {
            margin-right: 5px;
          }
        }
      }
    }
    .content {
      margin-top: 20px;
      ul {
        li {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-top: 20px;
        }
      }
    }
  }
}
</style>
